<%-- 
    Document   : CadastroSolicitacaoVeiculo
    Created on : 04/11/2011, 14:52:22
    Author     : Bruno
--%>


<%@page import="br.com.clicarros.dominio.veiculo.Categoria"%>
<%@page import="br.com.clicarros.dominio.veiculo.Veiculo"%>
<%@page import="br.com.clicarros.dominio.veiculo.Marca"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
       
    </head>
<jsp:include page="../../topo.jsp" flush="true"></jsp:include>
<script type="text/javascript">
		
	$(function() {
		$( "#slider-range" ).slider({
			range: true,
			min: 0,
			max: 50000,
			values: [ 10000, 30000 ],
			slide: function( event, ui ) {
					$( "#valorminimo" ).val( "R$" + $( "#slider-range" ).slider( "values", 0 )) ;
					$( "#valormaximo" ).val( "R$" + $( "#slider-range" ).slider( "values", 1 ));
			}
		});
		$( "#valorminimo" ).val( "R$" + $( "#slider-range" ).slider( "values", 0 )) ;
		$( "#valormaximo" ).val( "R$" + $( "#slider-range" ).slider( "values", 1 ));

	});
				
  </script>
    
    
    <body>

        <div class="formulario" align="center" >
        <form action="ControleSolicitacaoVeiculo" method="post" name="CadastroSolicitacaoVeiculo" id="CadastroSolicitacaoVeiculo">
            <div class="titulo"> Solicitação de Veículo </div>
            <div class="campos">
                <div class="campo"><label for="nome"> 
                        Nome:<input type="text" name="nome" id="nome"/>
                    </label></div>        
                    <div class="campo"><label for="sobrenome">  Sobrenome: <input type="text" name="sobrenome" id="sobrenome"/></label></div>
                </div>

            <div class="campos">
                <div class="campo">E-mail:<input type="text" name="email" id="email"/></div>
                <div class="campo">Telefone:<input type="text" name="telefone" id="telefone"/></div>       
            </div>
          
            <div class="campos">
                <div class="campo">Marca:
                        <% ArrayList<Marca> marcas = (ArrayList<Marca>) request.getAttribute("marcas"); %>
                        <select name="marca" id="marca">
                            <% for (Marca m: marcas){ %>
                            <option value="<%= m.getIdMarca() %>"><%= m.getMarca()%></option>
                            <%}%>
                        </select>
                </div> 
                
                <div class="campo">Modelo:
                        <% ArrayList<Veiculo> veiculos = (ArrayList<Veiculo>) request.getAttribute("veiculos"); %>
                        <select name="veiculo" id="veiculo">
                            <% for (Veiculo v: veiculos){ %>
                            <option value="<%= v.getIdVeiculo() %>"><%= v.getModelo()%></option>
                            <%}%>
                        </select>
                </div>
           </div>
                        
           <div class="campos">
               <div class="campo">Categoria:
                                                
                        <% ArrayList<Categoria> categorias = (ArrayList<Categoria>) request.getAttribute("categorias"); %>
                        <select name="categoria" id="categoria">
                            <% for (Categoria c: categorias) { %>
                            <option value="<%= c.getIdCategoria() %>"><%= c.getCategoria()%></option>
                             <%}%>
                        </select>                 
               </div>
           </div>                                         
                            
           
            <div class="campos">
                <div class="campo"> Ano Minimo
                    <% Calendar calendario = new GregorianCalendar(); %>
                        <select name="anominimo" id="anominimo">
                            <% for (int ano = 1980;ano <= calendario.get(Calendar.YEAR); ano++){ %>
                            <option value="<%= ano %>"><%= ano%></option>
                            <%}%>
                        </select>
                </div>
                <div class="campo"> Ano Máximo
                        <select name="anomaximo" id="anomaximo">
                            <% for (int ano = 1980;ano <= calendario.get(Calendar.YEAR); ano++){ %>
                            <option value="<%= ano %>"><%= ano%></option>
                            <%}%>
                        </select>
                
                
                </div>
            </div>
                
                         
                    <div class="campos">
                        <div class="campo">Valor Mínimo:<input type="text" name="valorminimo" id="valorminimo"/></div>
                        <div class="campo">Valor Máximo:<input type="text" name="valormaximo" id="valormaximo"/></div>
                </div>
                <div class="campos">
                        <div id="slider-range"></div>
                </div>
                    <div class="campos">
                        <div class="campo">Combustível:
                        <select name="combustivel" id="combustivel">
                            <option value="nenhuma">Escolha</option>
                            <option value="alcool">Álcool</option>
                            <option value="gasolina">Gasolina</option>
                            <option value="diesel">Diesel</option>
                            <option value="flex">Flex</option>
                            <option value="gnv">GNV</option>
                            <option value="multiflex">Multi flex (alc, gas, gnv)</option>
                        </select>
                        
                        </div>

                        <div class="campo">Cor:
                            <select name="cor" id="cor">
                                <option value="amarelo">Amarelo</option>
                                <option value="azul">Azul</option>
                                <option value="bege">Bege</option>
                                <option value="branco">Branco</option>
                                <option value="cinza">Cinza</option>
                                <option value="dourado">Dourado</option>
                                <option value="laranja">Laranja</option>
                                <option value="marrom">Marrom</option>                              
                                <option value="prata">Prata</option>
                                <option value="preto">Preto</option>
                                <option value="rosa">Rosa</option>
                                <option value="roxo">Roxo</option>
                                <option value="verde">Verde</option>
                                <option value="vermelho">Vermelho</option>
                                <option value="vinho">Vinho</option>
                                <option value="Naoinformada">Não informada</option>
                            </select>
                        </div>
                    </div>
                        
                <div class="campos">
                    <div class="campo">Número de Portas:
                        <select name="numeroportas" id="numeroportas">
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                        </select>
                    </div>        
                </div> 
            <div class="campos">
                <p>Date: <input id="datepicker" type="text"></p>
                <div class="campo"><input type="submit" class="enviar" name="cadastrar" value="Cadastrar"/></div>
            </div>

        </form>
        </div>
        
        
    </body>
</html>
